/* 整体页面布局样式 */
.wrapper{
	/* 让div高度和body一样高 */
	height: 100%;
	/* 让div的宽度和body一样宽 */
	width: 100%;
	/* 调试样式看边界 */
	/* border: 1px solid black; */
	background-color: #F5F5F5;
}
/* 标题区样式 */
.wrapper header{
	width: 100%;
	height: 12vw;
	/* border: 1px solid black; */
	display: flex;
	/* 字体标签和两个p之间保持相等的距离 */
	justify-content: space-between;
	/* 垂直居中效果 */
	align-items: center;
	/* 内边距 */
	padding: 0 10vw 0 1vw;
	/* 边框盒子模型样式保持div在使用了内边距情况下宽度不变 */
	box-sizing: border-box;
	color: #FFFFFF;
	background-color: #00AA91;
	/* 使用固定定位 */
	position: fixed;
	top: 0;
	left:0;
	/* 保证标题永远都在最上层 */
	z-index: 1000;
	font-size: 4.8vw;
}
.wrapper .accountList{
	width: 100%;
	margin-top: 12vw;
	
}
.wrapper .accountList li{
	width: 100%;
	border-bottom: 2px solid #DDD;
	display: flex;
}
.wrapper .accountList li input{
	width: 100%;
	height: 8vw;
	font-size: 4vw;
	padding: 2vw;
	border: none;
	outline: none;
}
.wrapper .editbtn{
	width: 100%;
	padding: 4vw 3vw 0 3vw;
	box-sizing: border-box;
}
.wrapper .editbtn button{
	width: 100%;
	height: 10vw;
	font-size: 3.8vw;
	font-weight: 700;
	background-color: #00AA91;
	color: #FFFFFF;
	border: none;
	outline: none;
	border-radius: 4px;
}
/* 错误提示区样式 */
.wrapper .tip{
	text-align: center;
	padding: 2vw;
	font-weight: bolder;
	color: red;
}